<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>选择器 标签 id 类选择器</title>
<!--应用场景 通用操作 标签选择器-->
    <style>
        p{
            color: brown;
        }
        ul{
            color: aqua;
        }
        #first{
            background-color: gold;
        }
        .cls{
            text-decoration: none;
        }
    </style>
</head>
<body>
<ul>
    <li id="first">item1</li>
    <li>item2<a class="cls" href="">heihei</a> </li>
    <li>item3</li>
</ul>
<p id="first">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum eius facere necessitatibus neque provident quidem
    similique suscipit temporibus vel veniam. Atque commodi distinctio dolor dolores eos laborum non provident sit!</p>
<p>Autem culpa deleniti enim excepturi explicabo iusto veniam. Amet labore quam repellat voluptatum. At blanditiis
    dolore eos mollitia perspiciatis quod reprehenderit ullam voluptatum! Aperiam cupiditate debitis earum illo libero
    quaerat.</p>
</body>
</html>